<div class="container-fluid">

	<div class="row-fluid">
	<div class="span12">
    <div class="panel panel-inverse">
      <div class="panel-heading">
        <h3 class="panel-title">查询条件</h3>
      </div>
      <div class="panel-body" id="query_con">
        <div class="form-inline" role="form">
        <div class="form-group">
        
        
          <input type="text" ng-model="q.processDefinitionName" class="form-control" placeholder="流程名称">
          
        </div>
        
          <div class="form-group">
           <button class="btn btn-primary" type="button" ng-click="loadData();">查询</button>
          </div>
           </div>
      </div>
     
      </div>
   </div>
  </div>

	<div class="row-fluid">
		<div class="span12">

			<div class="panel panel-inverse">
                <div class="panel-heading">
                    <div class="panel-heading-btn">
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                    </div>
                    <h4 class="panel-title">经办流程实例</h4>
                </div>
                <div class="panel-body" >
                    <p ng-show="easyNgPagination.options.totalCount==0">暂无结果</p>
                    <div ng-hide="easyNgPagination.options.totalCount==0" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                     
                       <div class="row">
                       
                   
                        
                        </div>
                        
                        <div class="row">
                        
                        <div class="col-sm-12">
                        
                        <table  class="table table-striped table-bordered dataTable no-footer dtr-inline" role="grid" aria-describedby="data-table_info">
                        <thead>
                            <tr role="row">
                             <th rowspan="1" colspan="1"  >ID</th>
                             <th rowspan="1" colspan="1"  >流程定义名称</th>
                             <th rowspan="1" colspan="1" >发起用户</th>
                             <th rowspan="1" colspan="1"  >发起时间</th>
                             <th rowspan="1" colspan="1"  >结束时间</th>
                             
                          
                             <!-- <th rowspan="1" colspan="1"  >创建时间</th> -->
                             <th rowspan="1" colspan="1"  >操作</th>
                            </tr>
                        </thead>
                        <tbody>
                      
                            <tr ng-class="{odd:($index%2)==0,even:($index%2)!=0}" ng-repeat="item in items track by $index"  class="gradeA" role="row">
                              <td class="sorting_1">{{item.id}}</td>
                                <td>{{item.processDefinitionName}}</td>
                                <td>{{item.startUserId}}</td>
                                <td>{{item.startTime}}</td>
                                <td>{{item.endTime}}</td>
                               
                              
                                <td>
                                
                                <button type="button"  class="btn btn-primary btn-xs m-r-5" ng-click="showFlowChart(item);">流程图</button>
                               
                                <button type="button"  class="btn btn-primary btn-xs m-r-5" ng-click="goHistoricTaskInstance(item);">查看历史任务</button>
                        
                              
                              
                               </td>
                            </tr>
                            
                            </tbody>
                    </table>
                    </div>
                    </div>
                    <easy-ng-pagination></easy-ng-pagination>

                    </div>
                </div>
            </div>
			
   		</div>
	</div>
</div>






<div class="modal modal-message fade" id="flowChartModal">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">关闭</button>
				<h4 class="modal-title">流程图</h4>
			</div>
			<div class="modal-body">
				<img
					src="api/workflow/process/instance/getDiagram?access_token={{access_token}}&id={{entity.id}}"
					alt="">
			</div>

		</div>
	</div>
</div>
